<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link href="../static/css/smartsite/css/bootstrap.min.css" th:href="@{/css/smartsite/css/bootstrap.min.css}" rel="stylesheet">
    <link rel="stylesheet" href="../static/css/smartsite/css/reset.css" th:href="@{/css/smartsite/css/reset.css}">
    <link rel="stylesheet" href="../static/css/smartsite/css/all.css" th:href="@{/css/smartsite/css/all.css}">
</head>

<body>
    <!-- 首页 -->
    <div class="row rowmain">
        <div class="col-md-7 left bg">
            <div id="panel" class="scrollbar1">
                <select id="myList">
                </select>
            </div>
            <div class="map-view" id="bd-map"></div>
            <div class="search-box">
                <input id="projectName" type="text" placeholder="请输入项目名称进行搜索">
                <span id="search">搜索</span>
            </div>
            <div class="nav-left">
                <div style="width: 100%; height: 95%; overflow: hidden;">
                    <ul class="address-box">
                        <li>市辖区</li>
                        <li>陵水县</li>
                    </ul>
                    <ul class="projectList" style=" height: 80%;">
                        <li>
                            <div class="left">
                                <img src="../static/img/smartsite/images/toc.png" th:src="@{/img/smartsite/images/toc.png}" alt="">
                            </div>
                            <div class="right"><span>海南清水湾B11-1、B11-2区2栋公寓</span></div>
                        </li>
                        <li>
                            <div class="left">
                                <img src="../static/img/smartsite/images/toc.png" th:src="@{/img/smartsite/images/toc.png}" alt="">
                            </div>
                            <div class="right"><span>海航YOHO湾(A1,A2,A3,A5,A6,地下室)</span></div>
                        </li>
                        <li>
                            <div class="left">
                                <img src="../static/img/smartsite/images/toc.png" th:src="@{/img/smartsite/images/toc.png}" alt="">
                            </div>
                            <div class="right"><span>雅居乐金沙湾健康教育新城项目A1401地块</span></div>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
        <div class="col-md-4 right">
            <div class="rightBox1">
                <ul class="b1-top">
                    <li><span>监督工程</span>
                        <p><span>0</span>项</p>
                    </li>
                    <li><span>在建工程</span>
                        <p><span>51</span>项</p>
                    </li>
                    <li><span>竣工验收</span>
                        <p><span></span>项</p>
                    </li>
                    <li><span>总造价</span>
                        <p><span>35800.00</span>亿元</p>
                    </li>
                    <li><span>总面积</span>
                        <p><span>12000.00</span>k㎡</p>
                    </li>
                    <li><span>总长度</span>
                        <p><span>0</span>万km</p>
                    </li>
                </ul>
                <div class="b1-down">
                    <ul class="b1d-ul">
                        <li>
                            <div class="kuang col1"><img src="../static/img/smartsite/images/tadiao.png" th:src="@{/img/smartsite/images/tadiao.png}" alt=""> <span>塔吊监测</span>
                            </div>
                            <div class=" kuang col3">
                                <p class="clr1"><span>在线</span> <span class="font12">3</span></p>
                            </div>
                            <div class="kuang col3">
                                <p class="clr2"><span>离线</span> <span class="font12">1</span></p>
                            </div>
                            <div class="kuang col3">
                                <p class="clr3"><span>报警</span> <span class="font12">0</span></p>
                            </div>
                        </li>
                        <li>
                            <div class="kuang col1"><img src="../static/img/smartsite/images/shengjiangji.png" th:src="@{/img/smartsite/images/shengjiangji.png}" alt="">
                                <span>升降机监测</span></div>
                            <div class="kuang col3">
                                <p class="clr1"><span>在线</span> <span class="font12">1</span></p>
                            </div>
                            <div class="kuang col3">
                                <p class="clr2"><span>离线</span> <span class="font12">3</span></p>
                            </div>
                            <div class="kuang col3">
                                <p class="clr3"><span>报警</span> <span class="font12">0</span></p>
                            </div>
                        </li>
                        <li>
                            <div class="kuang col1"><img src="../static/img/smartsite/images/jiance.png" th:src="@{/img/smartsite/images/jiance.png}" alt=""> <span>环境监测</span>
                            </div>
                            <div class="kuang col3">
                                <p class="clr1"><span>在线</span> <span class="font12">36</span></p>
                            </div>
                            <div class="kuang col3">
                                <p class="clr2"><span>离线</span> <span class="font12">11</span></p>
                            </div>
                            <div class="kuang col3">
                                <p class="clr3"><span>报警</span> <span class="font12">2</span></p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="rightBox2">
                <p>项目分布统计</p>
                <div id="project"></div>
            </div>
        </div>
    </div>
    <script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
    <script src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
    <script src="../static/js/smartsite/js/echarts@3.1.9.js" th:src="@{/js/smartsite/js/echarts@3.1.9.js}"></script>
    <script src="../static/ruoyi/js/ry-ui.js" th:src="@{/ruoyi/js/ry-ui.js?v=3.2.0}"></script>
    <script type="text/javascript " src="http://api.map.baidu.com/api?v=3.0&ak=GwR0pmB89u6PBqMjzAPSSzIibKSnChWF ">
    </script>
    <script type="text/javascript "
        src="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js "></script>
    <script type="text/javascript "
        src="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js "></script>
    <script src="../static/js/smartsite/js/indexmap.js" th:src="@{/js/smartsite/js/indexmap.js}"> </script>
    <script src="../static/js/smartsite/js/index.js" th:src="@{/js/smartsite/js/index.js}"></script>
</body>

</html>